/* Эффект увеличения изображения при наведении на карточку */
.mod-articles-img .card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mod-articles-img .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
}
.mod-articles-img .card:hover .transition-transform {
    transform: scale(1.05);
}
.mod-articles-img .transition-transform {
    transition: transform 0.4s ease;
}

/* Ограничение интро-текста до 3 строк */
.mod-articles-img .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* Ссылка заголовка */
.mod-articles-img .custom-title-link {
    transition: color 0.2s ease;
    position: relative;
    z-index: 3; /* Позволяет кликать по ссылке поверх общей разметки */
}

// 2 версия

/* Контейнер даты фиксированной ширины */
.news-tile-card .tile-date-box {
    min-width: 75px;
    max-width: 75px;
    transition: background-color 0.25s ease-in-out;
}

/* Эффект при наведении на карточку */
.news-tile-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.news-tile-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/* Делаем заголовок кликабельным по всей области карточки */
.news-tile-card .tile-title a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

/* Ограничение текста до 3 строк (Line-clamp) */
.news-tile-card .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}